<template>
  <h2 class="cq-con-title">
    <span class="visib-hid">{{ title }}</span>
    <img :src="$utils.getImg(imgUrl)" :width="imgWidth" :height="imgHeight" alt="title" />
  </h2>
</template>

<script setup>
defineOptions({ name: 'CqTitle' })
defineProps({
  title: {
    type: String,
    default: ''
  },
  imgUrl: {
    type: String,
    default: ''
  },
  imgWidth: {
    type: String,
    default: '391'
  },
  imgHeight: {
    type: String,
    default: '86'
  }
})
</script>

<style lang="scss" scoped>
.cq-con-title {
  text-align: center;
}
</style>
